<template>
	<div>
		<el-card class="!border-none" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				报价信息
			</div>
			<div >
				<el-row>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">报价编码：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">询价日期：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
				</el-row>
				<!--产品询价-询价详情   -->
				<el-row class="mt-[20px]">
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">机器品牌：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">机器型号：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
				</el-row>
				<el-row class="mt-[20px]">
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">公司是否做过：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">产品类型：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
				</el-row>
				<!-- end -->
				<!-- 筛网询价、托辊询价-询价详情 -->
				<el-row class="mt-[20px]">
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">筛网工况：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">若其他工况：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
				</el-row>
				<el-row class="mt-[20px]">
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">折钩默认角度：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">其他角度说明：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
				</el-row>
				<!-- /end -->
				<el-row class="mt-[20px]">
					<el-col :span="6">
						<div class="main-color v-flex ">
							<span class="w-[120px] text-right">未答复时间：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="main-color v-flex">
							<span class="w-[120px] text-right">报价耗时：</span>
							<span class="v-wordBreak ml-[10px]">1223245</span>
						</div>
					</el-col>
				</el-row>
			</div>
		</el-card>
		<el-card class="!border-none mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				产品信息
			</div>
			<!-- 产品询价-询价详情 -->
			<!-- <el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="产品名称" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>01332380</span>
					</template>
				</el-table-column>
				<el-table-column label="产品图号" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>客户公司名称</span>
					</template>
				</el-table-column>
				<el-table-column label="材质" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2023-10-12 11:20:20</span>
					</template>
				</el-table-column>
				<el-table-column label="件数(pcs)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>默认</span>
					</template>
				</el-table-column>
				<el-table-column label="预计单重(kg/件)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>砍价退单</span>
					</template>
				</el-table-column>
				<el-table-column label="单价(USD/pc)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="交期（天）" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
			</el-table>
			<el-table class="mt-[30px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#FFB400','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="总重量" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>01332380</span>
					</template>
				</el-table-column>
				<el-table-column label="总金额" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>客户公司名称</span>
					</template>
				</el-table-column>
				<el-table-column label="总托数" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2023-10-12 11:20:20</span>
					</template>
				</el-table-column>
				<el-table-column label="预估总体积(方)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>默认</span>
					</template>
				</el-table-column>
				<el-table-column label="总交期(天)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>砍价退单</span>
					</template>
				</el-table-column>
				<el-table-column label="报价有效期" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
			</el-table> -->
			<!-- 筛网询价、托辊询价-询价详情 -->
			<el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="产品名称" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>01332380</span>
					</template>
				</el-table-column>
				<!-- 筛网询价 -->
				<!-- <el-table-column label="长(mm)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>客户公司名称</span>
					</template>
				</el-table-column>
				<el-table-column label="宽(mm)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2023-10-12 11:20:20</span>
					</template>
				</el-table-column>
				<el-table-column label="丝径(mm)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>默认</span>
					</template>
				</el-table-column>
				<el-table-column label="孔径(mm)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>砍价退单</span>
					</template>
				</el-table-column> -->
				<!-- end -->
				<!--托辊询价  -->
				<el-table-column label="A" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>客户公司名称</span>
					</template>
				</el-table-column>
				<el-table-column label="B" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2023-10-12 11:20:20</span>
					</template>
				</el-table-column>
				<el-table-column label="C" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>默认</span>
					</template>
				</el-table-column>
				<!-- end -->
				<el-table-column label="数量(pcs)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="材质(Material)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="折钩包边" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="编织类型" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="预计单重(kg/件)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="预计总重(kg)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="单价(USD/pc)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="总金额(USD)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
				<el-table-column label="备注" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
			</el-table>
			<el-table class="mt-[30px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="预计总重量" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>01332380</span>
					</template>
				</el-table-column>
				<el-table-column label="总金额" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>客户公司名称</span>
					</template>
				</el-table-column>
				<el-table-column label="核算海运费用" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2023-10-12 11:20:20</span>
					</template>
				</el-table-column>
				<el-table-column label="预估总体积(方)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>默认</span>
					</template>
				</el-table-column>
				<el-table-column label="总交期(天)" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>砍价退单</span>
					</template>
				</el-table-column>
				<el-table-column label="报价有效期" prop="上海AAAA有限公司" align="center" >
					<template #default="{ row }">
						<span>2222222222</span>
					</template>
				</el-table-column>
			</el-table>
			<el-row class="mt-[30px]">
				<el-col :span="10" class="v-flex v-col-top main-color">
					<span>模具情况说明：</span>
					<span class="v-wordBreak  ml-[10px] flex-1">这里是模具情况说明内容详情，这里是模具情况说明内容详情，这里是模具情况说明内容详情，这里是模具情况说明内容详情</span>
				</el-col>
			</el-row>
		</el-card>
	</div>
</template>

<script lang="ts" setup>
	const lists = ref<Array<any>>([
		{}
	])
</script>

<style>
</style>